<nz-layout class="cont">
  <nz-header>
    <div class="logo"></div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="'horizontal'" style="line-height: 64px;">
      <li nz-menu-item>nav 1</li>
      <li nz-menu-item>nav 2</li>
      <li nz-menu-item>nav 3</li>
    </ul>
  </nz-header>
  <nz-layout>
    <nz-sider [nzWidth]="200" style="background:#fff">
      <ul nz-menu [nzMode]="'inline'" style="height:100%">
        <li nz-submenu>
          <span title>
            <i class="anticon anticon-user"></i>练习
          </span>
          <ul>
            <li nz-menu-item>
              <a routerLink='page1'>声明周期函数</a>
            </li>
            <li nz-menu-item>
              <a routerLink='page2'>模板表单</a>
            </li>
            <li nz-menu-item>
              <a routerLink='page3'>响应式表单</a>
            </li>
            <li nz-menu-item>
              <a routerLink='page4'>page4</a>
            </li>
          </ul>
        </li>
      </ul>
    </nz-sider>
    <nz-layout style="padding:0 24px 24px">
      <nz-content style="background:#fff; padding: 24px; min-height: 280px;">
        <router-outlet></router-outlet>
      </nz-content>
    </nz-layout>
  </nz-layout>
</nz-layout>


